&:deep(.el-drawer) {
    background-color: rgb(0 39 114);
    padding: 0 20px;
    overflow: auto;
}

.el-drawer-content {
    padding-bottom: 30px;
}

&:deep(.el-container) {
    width: 1300px;
}

&:deep(.el-drawer__header) {
    color: #fff;
    border-bottom: 1px solid rgb(42, 99, 206);
    padding-bottom: 20px;
    font-size: 32px;
}

.cen-header {
    background-color: rgba(30, 81, 181, 1);
    width: 100%;
    margin-left: 20px;
    height: 100px;
}

.cen-header1 {
    background-color: rgb(3, 64, 185);
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-left: 20px;
    width: 100%;
}

.cen-header1 .title {
    padding-left: 20px;
}

.icon_img {
    width: 20px;
}

.source_head_icon {
    min-height: 50px;
    max-height: 60px;
    min-width: 50px;
    max-width: 60px;
}

.model_head {
    color: #fff;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
    margin-left: 30px;
}

.model_head>div {
    margin-left: 10px;
}

.model_head .model_value {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold;
}

.curve_echarts {
    background-color: #fff;
    margin-top: 10px;
}

&:deep(.el-menu) {
    background-color: rgba(30, 81, 181, 1);
}

&:deep(.el-menu-item) {
    color: #fff;
}

&:deep(.el-menu-item.is-active) {
    background-color: rgb(41 114 255);
    color: #fff;
}

&:deep(.el-menu-item:hover) {
    background-color: rgba(214, 214, 214, 0.342);
    color: #fff;
}

.daterange {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px;
}

.daterange>div:nth-child(1) {
    margin-right: 10px;
}

.button_date {
    background: #fff;
    border-color: #1890ff;
    color: #333;
}

.button_date_active {
    background: #1890ff;
    // border-color: rgb(67, 102, 168);
    border-left: 1px solid #1890ff !important;
}

.el-button-group>.el-button {
    border-left: 1px solid #1890ff !important;
}

.borderright {
    border-left: 1px solid #1890ff !important;
}

.disabled_active {
    background: rgba(128, 128, 128, 0.774);
    border-color: rgba(128, 128, 128, 0.774);
}

.cen-header2 {
    background-color: #fff;
    margin-top: 20px;
    width: 100%;
    height: 140px;
    margin-bottom: 20px;

    div {
        color: #333;
    }
}

.source_head_icon2 {
    width: 150px;
    height: 150px;
}

.el-menu-vertical {
    min-height: 500px;
}

.electro-charts {
    width: 95%;
    height: 150px;
}

.electricityNum {
    height: 60px;
    background: #f6f6f6;
    border-radius: 4px;
}

.icon2 {
    height: 14px;
    width: 14px;
    padding-right: 5px;
}